// 生成 TabBar 图标的脚本
// 使用 Canvas 生成简单的图标

const fs = require('fs');
const path = require('path');

// 创建 tabbar 目录
const tabbarDir = path.join(__dirname, 'static', 'tabbar');
if (!fs.existsSync(tabbarDir)) {
    fs.mkdirSync(tabbarDir, { recursive: true });
}

// 由于 canvas 可能未安装，我们使用 SVG 格式
// SVG 可以在 uni-app 中使用（需要转换为 PNG）

const icons = {
    recommend: {
        normal: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <path d="M40.5 10L45 30H65L49 42L54 62L40.5 50L27 62L32 42L16 30H36L40.5 10Z" fill="#888888"/>
        </svg>`,
        active: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <path d="M40.5 10L45 30H65L49 42L54 62L40.5 50L27 62L32 42L16 30H36L40.5 10Z" fill="#7C4DFF"/>
        </svg>`
    },
    favorite: {
        normal: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <path d="M40.5 65L35 60C20 47 10 38 10 27C10 18 17 11 26 11C31 11 36 13.5 40.5 17.5C45 13.5 50 11 55 11C64 11 71 18 71 27C71 38 61 47 46 60L40.5 65Z" fill="#888888"/>
        </svg>`,
        active: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <path d="M40.5 65L35 60C20 47 10 38 10 27C10 18 17 11 26 11C31 11 36 13.5 40.5 17.5C45 13.5 50 11 55 11C64 11 71 18 71 27C71 38 61 47 46 60L40.5 65Z" fill="#7C4DFF"/>
        </svg>`
    },
    history: {
        normal: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <circle cx="40.5" cy="40.5" r="25" stroke="#888888" stroke-width="3" fill="none"/>
            <path d="M40.5 20V40.5L55 48" stroke="#888888" stroke-width="3" stroke-linecap="round"/>
        </svg>`,
        active: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <circle cx="40.5" cy="40.5" r="25" stroke="#7C4DFF" stroke-width="3" fill="none"/>
            <path d="M40.5 20V40.5L55 48" stroke="#7C4DFF" stroke-width="3" stroke-linecap="round"/>
        </svg>`
    },
    user: {
        normal: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <circle cx="40.5" cy="28" r="12" fill="#888888"/>
            <path d="M20 65C20 52 28 45 40.5 45C53 45 61 52 61 65" stroke="#888888" stroke-width="3" fill="none"/>
        </svg>`,
        active: `<svg width="81" height="81" viewBox="0 0 81 81" xmlns="http://www.w3.org/2000/svg">
            <circle cx="40.5" cy="28" r="12" fill="#7C4DFF"/>
            <path d="M20 65C20 52 28 45 40.5 45C53 45 61 52 61 65" stroke="#7C4DFF" stroke-width="3" fill="none"/>
        </svg>`
    }
};

// 保存 SVG 文件
Object.keys(icons).forEach(name => {
    fs.writeFileSync(
        path.join(tabbarDir, `${name}.svg`),
        icons[name].normal
    );
    fs.writeFileSync(
        path.join(tabbarDir, `${name}-active.svg`),
        icons[name].active
    );
});

console.log('✅ SVG 图标已生成！');
console.log('📝 注意：uni-app 的 tabBar 需要 PNG 格式的图标');
console.log('请使用以下方法之一将 SVG 转换为 PNG：');
console.log('1. 在线工具：https://cloudconvert.com/svg-to-png');
console.log('2. 使用 Photoshop/Sketch/Figma 等设计工具');
console.log('3. 使用命令行工具如 ImageMagick');
console.log('\n或者直接使用 iconfont 字体图标（推荐）');
